import React from 'react'
import style from './index.module.scss'
import { Button } from 'antd'

export default function index({item}) {
  return (
    <div className={style['cart']}>
      <div className={style['container']}>
        <div className={style['title']}>
          <span className={style['date']}>{item?.generatedTime}</span>
          <span>{item?.type_name}</span>
        </div>
        <div className={style['body']}>
          <span>{item?.householdAddr}</span>
          <span>{item?.householdName}</span>
        </div>
      </div>
      <div className={style['footer']}>
        <div className={style['price']}><span className={style['price-num']}>￥</span> {Math.abs(item?.amount)}</div>
        <Button style={{backgroundColor: '#b9b9ff', color: '#fff'}}>立即缴费</Button>
      </div>
    </div>
  )
}
